import React, { Component } from 'react';
import Taro from '@tarojs/taro';
import {Block, View, RichText} from '@tarojs/components'
import {GET_SERVICE} from '../../constants/api'
import {newHttp} from "../../utils/request";
import {h5Wx} from "../../utils/h5.service";
import GzhAuth from "../../components/gzh-auth/gzh-auth"
import {GetRequest, vcmonitor} from '../../../src/utils/tools';

export default class Service extends Component {
  state: {
    serviceTerms: string
  } = {
    serviceTerms: ''
  }

  async componentDidShow() {
    vcmonitor(this);
  }

  async UNSAFE_componentWillMount() {
    if (process.env.TARO_ENV === 'h5') {
      await h5Wx.getConfig()
    }
    const res = await newHttp.get(GET_SERVICE)
    if (res) {
      this.setState({
        serviceTerms: res.serviceTerms
      })
    }
  }

  render() {
    const env = Taro.getCurrentInstance().router.params.env;
    return (
      <View className='article' style='background-color:#fff;'>
        <GzhAuth />
        {this.state.serviceTerms ?
          <View style='padding:30rpx;width:100%;box-sizing: border-box;'>
            <RichText className='text' nodes={this.state.serviceTerms} />
          </View>
          :
          <Block>
            {env == 'pc' && <View style='display: flex; padding: 10px;border-bottom: 1px solid #ebebeb;'>
              <View style='flex: 1;transform: scaleY(1.4);' onClick={() => {
                Taro.navigateBack({
                  delta: 1 // 返回上一级页面。
                });
              }}
              >{'<'}</View>
              <View style='flex: 1;'>服务条款</View>
              <View style='flex: 1'></View>
            </View>}
            {env != 'pc' && <View className='at-article__h1'>服务条款</View>}
            <View className='at-article__h2'>1.提示条款</View>
            <View className='at-article__p'>
              提醒您：在使用平台各项服务前，请您务必仔细阅读并透彻理解本《服务条款》（下称“本条款”）。如对本条款内容有任何疑问，您可通过电话xx与我们联系。阅读本条款的过程中，如果您不同意本条款或其中任何内容，您应立即停止使用平台服务。如果您使用平台服务的，您的使用行为将被视为对本条款全部内容的认可。
            </View>
            <View className='at-article__h2'>2.责任限制</View>
            <View
              className='at-article__p'
            >（1）鉴于平台提供的服务属于电子公告牌（BBS）性质，平台上的商家、商品信息（包括但不限于商家海报、商家名称、公司名称、联系人及联络信息、产品的描述和说明、相关图片、视频等）均由用户自行提供并上传，由用户对其提供并上传的所有信息承担相应法律责任。</View>
            <View className='at-article__p'>（2）平台转载作品，出于传递更多信息之目的，并不意味赞同其观点或已经证实其内容的真实性。</View>
            <View className='at-article__h2'>3.知识产权保护</View>
            <View
              className='at-article__p'
            >尊重知识产权，反对侵权盗版行为。知识产权权利人认为平台内容（包括但不限于平台用户发布的商品信息）可能涉嫌侵犯其合法权益，可以通过邮箱market@ivcheng.com提出书面通知，平台收到后将及时处理。</View>
            <View className='at-article__h2'>4.隐私权政策</View>
            <View className='at-article__p'>本平台将严格保守用户的个人隐私，承诺未经过您的同意不将您个人信息任意披露。</View>
            <View className='at-article__p'>但在以下情形下，我们将无法再提供您前述保证而披露您的相关信息。这些情形包括但不限于：</View>
            <View
              className='at-article__p'
            >（1）为了您的交易顺利完成，我们不得不把您的某些信息，如您的姓名、联系电话、e-mail等提供给相关如本平台内的商户或服务方，以便于他们及时与您取得联系，提供服务。</View>
            <View
              className='at-article__p'
            >（2）当您在本平台的行为违反的服务条款，或可能损害他人权益或导致他人遭受损害，只要我们相信披露您的个人资料是为了辨识、联络或采取法律行动所必要的行动时。</View>
            <View className='at-article__p'>（3）法律法规所规定的必须披露或公开的个人信息。</View>
            <View className='at-article__p'>（4）当司法机关或其它有权机关依法执行公务，要求提供特定个人资料时，我们必须给予必要的配合。</View>
            <View className='at-article__h2'>5.适用法律</View>
            <View className='at-article__p'>上述条款将适用中华人民共和国的法律，所有的争端将诉诸于本平台所在地的人民法院。</View>
            <View className='at-article__p'>如发生服务条款与中华人民共和国法律相抵触时，则这些条款将完全按法律规定重新解释，而其它条款则依旧保持约束力。</View>
            <View style='height: 80px;'></View>
          </Block>
        }

      </View>
    )
  }
}
